<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
*{
	margin:0;
	padding:0;
}
#all{
	width:1024px;
	height:863px;
	margin:0 auto;
	background-image:url(../images/bg.png);
	background-repeat:no-repeat;
	padding-top:192px;
	font-size:12px;
}
#myForm{
	width:450px;
	margin:0 auto;
}
#myForm h2{
	text-align:center;
	padding-bottom:50px;
}
#myForm p{
	margin-top:16px;
	margin-bottom:16px;
}
.formtext{
	width:420px;
	height:32px;
	border:0;
}
.usericon{
	background-image:url(../images/icon2.png);
	background-repeat:no-repeat;
	background-position:2px 6px;
	padding-left:30px;

}
.ageicon{
	background-image:url(images/icon3.png);
	background-repeat:no-repeat;
	background-position:2px 6px;
	padding-left:30px;
}
.userradio{
	width:450px;
	height:32px;
	background-color:#FFF;
	line-height:32px;
}
.userradio input{
	margin-left:10px;
	margin-right:6px;
	height:12px;
}
.usercheckbox{
	width:450px;
	height:32px;
	background-color:#FFF;
	line-height:32px;
}
.usercheckbox input{
	margin-left:10px;
	margin-right:6px;
	height:12px;
}
.userselect select{
	width:200px;
	height:32px;
}
.userpay{
	color:#FFF;
}
.userpay input{
	width:200px;
	height:32px;
	border:0;
}
.usertextarea{
	width:450px;
	height:100px;
}
.fromSubmit{
	width:450px;
	height:28px;
	background-color:#F66;
	border:0;
	color:#FFF;
	font-weight:bold;
	letter-spacing:20px;
}
</style>
</head>

<body>
<div id="all">
	<form id="myForm" name="myForm" action="" method="post">
    	<h2>传智播客学员档案</h2>
        <p><input type="text" class="formtext usericon" placeholder="本人真实姓名"></p>
        <p><input type="text" class="formtext ageicon" placeholder="请填写实际年龄"></p>
        <p class="userradio">
            <input type="radio" name="userradio">男
            <input type="radio" name="userradio">女
        </p>
        <p class="usercheckbox">
            <input type="checkbox" name="usercheckbox">传智老学员
            <input type="checkbox" name="usercheckbox">朋友推荐
            <input type="checkbox" name="usercheckbox">视频教程
            <input type="checkbox" name="usercheckbox">CSDN论坛
        </p>
        <p class="userselect">
        	<select>
            	<option>网页平面UI设计就业班</option>
                <option>PHP应用开发就业班</option>
            </select>
        </p>
        <p class="userpay">
        	<input type="text" class="userpay">
            元/月（收入）
        </p>
         <p>
         	<textarea class="usertextarea" placeholder="请简述你有没有基础,为什么选择传智播客学习"></textarea>
        </p>
        <p>
         	<input type="submit" class="fromSubmit" value="提交">
        </p>
    </form>
</div>
</body>
</html>
